<template>
  <div>
    <table width="100%" border cellpadding="5" cellspacing="0"> 
      <caption>养老机构星级评定报告</caption>
      <tr>
        <td>组织名称</td>
        <td>{{ data.orgName }}</td>
        <td>统一信用代码</td>
        <td>{{ data.creditCode }}</td>
      </tr>
      <tr>
        <td>经营地址</td>
        <td>{{ data.organizationAddress }}</td>
        <td>邮政编码</td>
        <td>{{ data.postalCode }}</td>
      </tr>
      <tr>
        <td>法定代表人</td>
        <td>{{ data.legalRepresentative }}</td>
        <td>联系方式</td>
        <td>{{ data.legalRepresentativePhone }}</td>
      </tr>
      <tr>
        <td>单位负责人</td>
        <td>{{ data.headOfUnit }}</td>
        <td>现场评定日期</td>
        <td>{{ data.createTime }}</td>
      </tr>
      <tr>
        <td>现场评定情况</td>
        <td colspan="3">
          <div>现场评定得分:{{ data.fieldRatingScore||0 }}分</div>
          <div>环境分{{data.environmentScore|| 0}}分，得分占比{{data.environmentScoreRate || 0}}%</div>
          <div>设施设备分{{data.facilityScore || 0}}分，得分占比{{data.facilityScoreRate || 0}}%</div>
          <div>运营设备分{{data.operateScore || 0}}分，得分占比{{data.operateScoreRate || 0}}%</div>
          <div>服务分{{data.serviceScore || 0}}分，得分占比{{data.serviceScoreRate || 0}}%</div>
        </td>
      </tr>
      <tr>
        <td>现场评定星级</td>
        <td :colspan="3">
          <el-rate
          v-model="data.starRating"
          disabled
          show-score
          text-color="#ff9900"
          score-template="{value} 级"
        />
      </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// import apiMod from '@/apiMod/index'


type Props = {
  nowRowData?: any;
}
const props = withDefaults(defineProps<Props>(), {
  nowRowData: {}
});
let data:any = ref({})
data = props.nowRowData


</script>

<style scoped>
.bottom {
  margin-top: 13px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detail-label {
  color: #eee;
}

.image {
  width: 90%;
  height: 220px;
  display: block;
}
</style>
